.aside {
  position: fixed;
  top: @header-hg;
  bottom: 0;
  width: @aside-wd;
  background-size: 100% 100%;
  transition: width 0.2s cubic-bezier(.25, 0, .15, 1), translate 0.2s cubic-bezier(.25, 0, .15, 1);
  z-index: 998;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  
  .nav {
    width: @aside-wd;
  }

  .aside-inner {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    border-right: 1px solid #e9e9e9;
  }

  .aside-inner::-webkit-scrollbar {
    display: none;
  }

  li {
    outline: none;
  }

  .active {
    background-color: #e6f7ff !important;
    color: #1890ff !important;
    &:after {
      opacity: 1 !important;
      transition: opacity .15s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);
      transition: transform .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1);
      transition: transform .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
    }
  }

  .ant-menu:not(.ant-menu-horizontal) {
    .ant-menu-item-selected {
      background-color: transparent;
      color: inherit;
      &:after {
        opacity: 0;
      }
    }
  }

}

.aside-collapsed {
  .aside, .nav {
    width: 80px;
  }
}

@-webkit-keyframes animSvgText {
  0% {
    stroke-dasharray: 0 100%;
  }

  50% {
    stroke-dasharray: 100% 100%;
  }
}
@keyframes animSvgText {
  0% {
    stroke-dasharray: 0 100%;
  }

  50% {
    stroke-dasharray: 100% 100%;
  }
}
